<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:p="http://primefaces.org/ui"
                template="/template/plantilla.xhtml">
    <ui:define name="title"><h:outputText value="Sinetcom - Ingreso de Clientes"></h:outputText></ui:define>
    <ui:define name="menu"><ui:include src="/menu/menu.xhtml" /></ui:define>
    <ui:define name="content">
        <f:view contentType="text/html">
            <h:head/>

            <h:body>

                <h:form id="tipoContratoForm">
                    <p:dataTable id="dtTiposContrato" rowKey="#{tipos.id}" var="tipos" value="#{ingresoTipoContratoBean.tiposContrato}" paginator="true" rows="15"
                                 selection="#{ingresoTipoContratoBean.tipoContratoSeleccionado}" selectionMode="single" paginatorPosition="bottom"
                                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">

                        <f:facet name="header">
                            <h:outputText value="Tipos de Contratos"/>
                        </f:facet>
                        
                        <p:ajax event="rowSelect" immediate="true" update="btnEliminar"></p:ajax>
                        <p:ajax event="rowUnselect" immediate="true" update="btnEliminar"></p:ajax>

                        <p:column headerText="Tipo" sortBy="#{tipos.tipo}" filterBy="#{tipos.tipo}">
                            <h:outputText value="#{tipos.tipo}"/>
                        </p:column>

                        <p:column headerText="Validez" sortBy="#{tipos.valido}" filterBy="#{tipos.valido}">
                            <h:outputText value="#{tipos.valido ? 'Si' : 'No'}"/>
                        </p:column>

                        <f:facet name="footer">
                            <p:commandButton id="btnCrear" value="Crear" type="button" onclick="PF('ingreso').show();" update=":form:pnlgrdIngreso"/>       
                            <p:commandButton id="btnEliminar" process="dtTiposContrato" value="Eliminar" action="#{ingresoTipoContratoBean.eliminarTipo()}" disabled="#{not(ingresoTipoContratoBean.tipoContratoSeleccionado != null)}" update=":tipoContratoForm:dtTiposContrato"/>                       
                        </f:facet>
                    </p:dataTable>                    
                </h:form>
                    <p:dialog header="Insertar Tipo de Contrato" widgetVar="ingreso" modal="true">
                        <h:form>
                            <h:panelGrid id="pnlgrdIngreso" columns="2" columnClasses="colum" cellpadding="5">

                                <p:outputLabel for="tipoContratoTipo" value="Tipo:"/>
                                <p:inputText id="tipoContratoTipo" value="#{ingresoTipoContratoBean.tipo}" required="true"/>

                                <p:outputLabel for="tipoContratoValides" value="¿Válido?:"/>
                                <p:selectOneRadio id="tipoContratoValides" value="#{ingresoTipoContratoBean.valides}" required="true">
                                    <f:selectItem itemLabel="Si" itemValue="true"/>                    
                                    <f:selectItem itemLabel="No" itemValue="false"/>
                                </p:selectOneRadio>

                                <p:commandButton id="btnGrabar" process="@form" value="Grabar" action="#{ingresoTipoContratoBean.crearTipoContrato()}" onstart="statusDialog.show();" oncomplete="if (args &amp;&amp; !args.validationFailed){ PF('ingreso').hide();} statusDialog.hide();" update=":tipoContratoForm:dtTiposContrato">
                                    <f:ajax execute="@all" render="@form"/>
                                </p:commandButton>

                            </h:panelGrid>
                        </h:form>
                    </p:dialog>                    
            </h:body>
        </f:view>
    </ui:define>
</ui:composition>


